<html>

<head>
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'standard.css')}" type="text/css">

</head>

<body data-accent="blue">
	<h1>Standard Css file</h1>
	<h2>Standard Css file</h2>
	<h3>Standard Css file</h3>
	<h4>Standard Css file</h4>
	
	<div style="border:">
		<table>
			<tr>
				<td><label class="label-s">Textfield :</label></td>
				<td><input class="textfield-s" type="text"
					placeholder="user name" id=""></td>


			</tr>
			<tr>
				<td><label class="label-s">Button : </label></td>
				<td><button class="btn-s-info" type="button">Button</button>
			</tr>
			<tr>
				<td><label class="label-s">Textarea : </label></td>
				<td><textarea class="textaera-s style-scrollbar" rows="3"></textarea></td>
			</tr>


		</table>

	</div>
	<div class="div-normal" id="image">
		<label class="label-s" style="float: left; margin-top: 70px;">
			Image : </label> <img class="img-polaroid-s"
			src="${resource(dir: 'images', file: '2.jpg')}">
	</div>
	<br />
	<div class="div-normal">
		<label class="label-s"> Checkbox : </label> <input type="checkbox"
			name="vehicle" value="Bike">
	</div>
	<div class="div-normal">
		<label class="label-s"> Select : </label> <select class="select-s">
			<option>quangr1</option>
			<option>quangr2</option>
			<option>quangr3</option>
			<option>quangr4</option>
			<option>quangr5</option>
		</select>
	</div>
	<div style="width: 100%; float: left">
		<label class="label-s" style="float: left"> Radiobutton : </label>
		<div style="float: left;">
			<input type="radio" id="radio1">radiobutton1
		</div>
		<div style="float: left">
			<input type="radio" id="radio2">radiobutton2
		</div>
	</div><br/>
	<div class="div-normal scrollbar-s " style="overflow-y: scroll ;width: 300px; height:100px;">
		<div>
			<div>
				sdfasdfasdf
			</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div><div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	<div>
		 		sfsadfsdfsdafsdfsd
		 	</div>
		 	
		</div>
	</div>
</body>
</html>
